//引入公共样式
@import "common.less";

//引入变量
@import "variable.less";


//项目私有样式
body{
	.font(normal,14px,1.5,'Microsoft YaHei');
	color:@color-font;
	background-color:#f7f7f7;
}
img{max-width:100%;}
a{color:@color-gold;
	&:hover{text-decoration:underline;}
	&.link-btn{padding:0.5em 2em;font:normal 18px/1.5 "Microsoft YaHei";
		&.link-btn-green{color:#fff;background-color:@color-green;
			&:hover{background-color:lighten(@color-green,8%);}
		}
	}
}
button{
	padding:0.5em 2em;
	cursor:pointer;
	font:normal 16px/1.5 "Microsoft YaHei";
	border:1px solid @color-gold;
	color:@color-gold;
	background-color:transparent;
	&.btn{
		&.btn-green{
			border-color:@color-green;
			color:@color-white;
			background-color:@color-green;
			&:hover{
				background-color:lighten(@color-green,8%);
			}
		}
	}
}

//字体颜色
.text-gold{color: @color-gold;}

//遮盖loading
.loading{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:99999;display:none;
	.loading-inner{position:relative;width:100%;height:100%;}
	.loading-content{width:40px;height:40px;padding:10px;background-color:#fff;border-radius:5px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;
		img{width:100%;height:100%;}
	}
}

/*行内loading*/
.inline-loading{width:100%;height:auto;padding:20px 0;text-align:center;margin:0 auto;background-color:rgba(0,0,0,0.03);
	img{display:inline-block;width:40px;height:40px;}
	&.full-loading{height:100%;}
}
//页面容器
.wrapper{padding-top:110px;color:#333;font:normal 16px/1.5 'Microsoft YaHei';}

//面包屑导航
.crumb-nav{padding:0.5em 0;font:normal 14px/1.5 'Microsoft YaHei';border-bottom:1px solid @color-gray;
	a{color:@color-font;
		&:hover{color:@color-gold;}
	}
	span.cur{color:@color-gold;}
	.line{padding:0 0.5em;font-style:normal;}
}

//页面banner
.page-banner{
	width:100%;
	padding:3em 0;
	color:@color-white;
	font:normal 30px/1.5 'Microsoft YaHei';
	.banner-title{
		font:normal 50px/1.5 'Microsoft YaHei';
	}
	background:url(../images/club_banner.jpg) center center no-repeat;
	background-size:cover;
	&.club-banner{
		background:url(../images/club_banner.jpg) center center no-repeat;
		background-size:cover;
	}
	&.about-banner{
		background:url(../images/about_bg.jpg) center center no-repeat;
		background-size:cover;
		color:@color-black;
		.banner-title{
			font:normal 43px/1.5 'Microsoft YaHei';
		}
	}
}
//固定宽的容器
.fixed-wrapper{
	width:1190px;
	margin:0 auto;
	&.page-content{padding-top:30px; padding-bottom:100px;}
}

//页面标题
.page-title{font:normal 36px/1.5 'Microsoft YaHei';color:@color-gold;margin-bottom:1em;
	.page-title-inner{display:inline-block;padding:0 2em;background:url(../images/title_line.png) 0 center repeat-x;}
	span{padding:0 0.5em;display:block;background-color:#f7f7f7;}
}
.page-detail-title{font:normal 36px/1.5 'Microsoft YaHei';color:@color-gold;margin-bottom:1em;}
//选项卡头
.page-tabnav-box{width:100%; overflow-y:auto; margin-top:30px;}
.page-tabnav{width:100%;padding-bottom:30px;
	li{display:inline-block;
		a{display:block;padding:1em 1em;margin:0 1em;position:relative;cursor:pointer;border:2px solid @color-black;background-color:@color-white;color:@color-black;font:normal 18px/1.5 'Microsoft YaHei';
			.nav-tip{display:none;width:0;height:0;border-width:10px;border-style:solid;border-color:@color-gold transparent transparent transparent;position:absolute;left:50%;bottom:-30px;margin-left:-10px;}
			&:hover,&.cur{text-decoration:none;
				.nav-tip{display:block;}
			border-color:@color-gold;color:@color-gold;}
		}
	}
}

//公用内容
.page-content{

}

//新闻列表
.newsList{
	li{position:relative; background:#ededed; border:1px solid #d8d6d6; height:210px; margin-bottom:40px; overflow:hidden;
		.thumb { width:300px; height:210px; position:absolute; top:0; left:0; overflow:hidden;
		 	a{ display:block; width:100%; height:100%; .transition(all,0.5s,linear,0s);}
		 	&:hover{
		 		a{.transform_scale3d(1.05,1.05,1.05);}
		 	}
		}
		.con { margin-left:320px; padding:30px 30px; }
		h3 { font:normal 18px/1.5 "Microsoft YaHei"; margin-bottom:1em;
			.single_text;
			// &::after{
			// 	display:block;
			// 	content:'';
			// 	width:2em;
			// 	height:1px;
			// 	background-color:#b2b2b2;
			// 	margin:0 auto;
			// 	margin-top:0.5em;
			// }
		}
		.txt { font:normal 14px/1.5 "Microsoft YaHei"; margin-bottom:1em; max-height:6em; .multi_text(4);}
		.more-link{font:normal 14px/1.5 "Microsoft YaHei";}
	}
}

//会员俱乐部
.club-content{.club-header{padding-top:2em;padding-bottom:3em;color:#666;font:normal 16px/1.5 'Microsoft YaHei';}
	.club-tabnav{width:540px;margin:0 auto;margin-bottom:50px;
		li{width:136px;padding:50px 0 30px 0;margin:0 20px;float:left;position:relative;cursor:pointer;border:2px solid @color-black;background-color:@color-white;color:@color-black;font:normal 18px/1.5 'Microsoft YaHei';
			.nav-tip{display:none;width:0;height:0;border-width:10px;border-style:solid;border-color:@color-gold transparent transparent transparent;position:absolute;left:50%;bottom:-30px;margin-left:-10px;}
			.bg-text{display:block;width:50px;height:50px;margin:0 auto;margin-bottom:1em;color:@color-font;background:url(../images/club_nav.png) -200px 0 no-repeat;
				&.bg-text-l{background-position:0 0;}
				&.bg-text-h{background-position:-100px 0;}
				&.bg-text-s{background-position:-200px 0;}
			}
			&:hover,&.cur{.nav-tip{display:block;}
				border-color:@color-gold;color:@color-gold;
				.bg-text.bg-text-l{background-position:-50px 0;}
				.bg-text.bg-text-h{background-position:-150px 0;}
				.bg-text.bg-text-s{background-position:-250px 0;}
			}
		}
	}
	.club-tabcont{font:normal 16px/1.5 'Microsoft YaHei';margin-bottom:50px;
		dt{font:normal 18px/1.5 'Microsoft YaHei';margin-bottom:0.5em;color:@color-gold;}
		dd{margin-bottom:0.5em;position:relative;padding-left:1.5em;
			&::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background-color:#333;position:absolute;top:10px;left:10px;}
		}
		li{
			&.show{display:block;}
		}
	}
	.club-footer{margin:1em 0;
		.link-btn{padding:0.5em 5em;}
	}
}

//会员注册
.club-registration{
	.page-title{
		position:relative;
	}
	.btn.btn-back{
		display:none;
		cursor:pointer;
		border:0;
		padding:0;
		width:40px;
		height:40px;
		position: absolute;
		top:0;
		left:20px;
		background: url(../images/backbtn.png) 0 0 no-repeat;
		&:hover{
			background-position:-40px 0;
		}
	}
}
//媒体对接地址信息
.address-info{
	padding-bottom: 3em;
	width:100%;
	max-width:768px;
	margin:0 auto;
	ul{
		width:48%;
		padding-top:30px;
		padding-right:2%;
		font:normal 14px/1.5 "Arial";
		h3{font:normal 16px/1.5 "Microsoft YaHei";}
	}
}
//媒体表单
.mediaInForm {
	.step{display:none;
		&.step-show{display:block;}
	}
	.page-title span{background-color:@color-white;}
	background:#fff; box-shadow:0 0 5px #aaa;  padding:35px 0 50px 0;
	h2{ font:normal 30px/42px "Microsoft YaHei"; color:#000; text-align:center; }
	.form-instruction{padding-bottom:3em;}
	//模拟复选框
	.checkbox,.radiobox{.border-box; display:block; cursor:pointer; padding-left:30px; position:relative;}
	.checkbox span,.radiobox span{position:absolute; top:0; left:0; display:block; width:22px; height:22px; background: url(./../images/checkboxbg.png) 0 0 no-repeat;}
	.checkbox.checked span,.radiobox.radioboxed span{background-position:-22px 0;}
	//模拟单选框
	.radiobox span{background-image: url(./../images/radioboxbg.png);}
	.formBox{width:100%; max-width:768px; margin:0 auto;
		input,textarea,select{.placeholder(#666);}
		p{color:#333333; margin-bottom:0.5em; display:block;}
		h4{font:normal 14px/1.5 "Microsoft YaHei"; margin:0.5em 0;}
		.ie9Lable{margin-bottom:0; display:none;}
		.btn{padding-left:3em; padding-right:3em;}
		.tip{font:normal 14px/1.5 "Microsoft YaHei"; padding-left:20px; color:#666;}
		.from-title{ margin-top:1em; margin-bottom:0.5em; font-size:16px; color:#ba9550;
			.input-tip{color:red; padding-right:0.5em;}
		}
		.item {width:100%; position:relative; margin-bottom:15px; 
			.red { display:block; position:absolute; width:10px; height:10px; color:#f00; top:14px; left:10px; }
			.red.cc{ top:15px;}
			.input-tip{position:absolute; top:8px; left:10px; color:#fb0314; z-index:10;}
			.input-error{padding-left:24px; margin-top:0.5em; font:normal 14px/1.5 "Microsoft YaHei"; background:url(./../images/error-tip.png) 0 center no-repeat; color:#fb0314;}
			.item-box{position:relative;}
		}
		.item-w20{float:left; width:20%; margin-bottom:1em;}
		.item-w25{float:left; width:25%; margin-bottom:1em;}
		.timeBox { display:none; width:260px; height:auto; background:#ededed; top:44px; left:20px; position:absolute; z-index:999; padding:15px; }
		.timeBox .jCalMo { margin:0; }
	}
	.step3{text-align:center;padding:5em 0;
		h3{font:normal 30px/1.5 "Microsoft YaHei";}
		h4{font:normal 30px/1.5 "Microsoft YaHei"; margin-top:0;}
		.formBox-head{margin-bottom: 30px;}
		.nubbox{width:100%; max-width:400px; .border-box; padding:50px 10px; margin:0 auto; margin-bottom:20px; background:url(./../images/nubbg.jpg) 0 0 no-repeat; background-size:100% 100%;
			h3{font:normal 26px/1.5 "Microsoft YaHei"; margin-bottom:0.4em;}
			.nub{font:normal 30px/1.5 "Microsoft YaHei"; color:#ba9550; margin-bottom:0;}
		}
	}
	.txtCss,select,.textCss {.border-box; height:36px; display:block; width:100%; padding:3px 0; padding-left:20px; background:#fff; border:1px solid #bdbdbd; border-radius:4px; font:normal 15px/36px "Microsoft YaHei"; color:#666; }
	.date-tip{display:block; content:''; width:22px; height:22px; position:absolute; top:0.5em; right:0.5em; background:url(../images/time.png) no-repeat center center;}
	.textCss { height:auto; line-height:24px; box-sizing:border-box; padding:10px 20px; text-indent:0; }
}




/* 中等屏幕（桌面显示器,小于1336px） */
@media screen and (max-width:1336px) {
	.wrapper{
		padding-top:100px;
	}
}

/* 中等屏幕（桌面显示器,小于1290px） */
@media screen and (max-width:1290px) {
	.fixed-wrapper{width:auto;padding-left:50px;padding-right:50px;}
}

/* 中等屏幕（桌面显示器，大于等于 992px 小于1024px） */
@media screen and (max-width:1024px) {
	.page-banner{font:normal 20px/1.5 'Microsoft YaHei';
		.banner-title{font:normal 30px/1.5 'Microsoft YaHei';}
	}
	.page-tabnav{li{a{padding:0.8em 0.8em;margin:0 0.5em;border:1px solid @color-black;font:normal 16px/1.5 'Microsoft YaHei';}
		}
	}
	.mediaInForm .formBox{
		width:auto;
		padding:0 50px;
	}

}

/* 小屏幕（平板，大于等于 992px） */
@media(max-width:992px) {
	.mediaInForm .formBox .item-w20{
		width:25%;
	}
}

/* 小屏幕（手机，小于 768px）*/
@media(max-width:768px) {
	.wrapper{padding-top:68px; font:normal 14px/1.5 'Microsoft YaHei';}
	.fixed-wrapper{width:90%;padding-left:5%;padding-right:5%;}
	.fixed-wrapper.page-content{padding-top:0;}
	.page-title{font:normal 24px/1.5 'Microsoft YaHei';}
	.page-banner{
		font:normal 18px/1.5 'Microsoft YaHei';
		.banner-title{
			font:normal 24px/1.5 'Microsoft YaHei';
		}
	}
	.page-banner.about-banner .banner-title{font:normal 26px/1.5 'Microsoft YaHei';}
	.fixed-wrapper.page-content{padding-top:30px; padding-bottom:30px;}

	.club-content .club-header{padding-top:1em;padding-bottom:2em;}
	.club-content .club-tabnav{width:100%;
		li{width:88/3%;margin:0 2%;padding:20px 0 10px 0;.border-box;
			.bg-text{margin-bottom:10px;}
		}
	}
	.club-content .club-tabcont dt{font:normal 16px/1.5 'Microsoft YaHei';}
	.club-content .club-tabcont dd{font:normal 14px/1.5 'Microsoft YaHei';}

	.newsList{
		li{border:1px solid #d8d6d6; height:auto; margin-bottom:2em; overflow:hidden;
			.thumb{
				width:100%; height:auto; position:static;
			 	a{ display:block; width:100%; height:0; padding-bottom:70%;}
			}
			.con{margin-left:0; padding:1em;}
		}
	}
	
	.mediaInForm{
		background-color:transparent;
		box-shadow:none;
		padding-top:0;
		.page-title span{background-color:#f7f7f7;}
		.formBox{
			padding:0;
		}
		.formBox .item-w20,.formBox .item-w25{
			width:50%;
		}
		.step3{
			h3{font: normal 18px/1.5 "Microsoft YaHei";}
			h4{font: normal 16px/1.5 "Microsoft YaHei"; margin-top:0;}
		}
	}
	.club-registration{
		.btn.btn-back{
			left:0;
		}
	}

	.address-info{
		padding-bottom:2em;
		ul{
			width:100%;
			padding-top:30px;
			padding-right:0;
		}
	}
}
//导航处理
@media(max-width:36em) {
	.page-tabnav-box{margin:30px 0; margin-bottom:0;}
	.page-tabnav{min-width:36em;
		li{
			float:left;
			a{padding:0.3em 0.5em;margin:0 0.5em;border:1px solid @color-black;font:normal 16px/1.5 'Microsoft YaHei';}
		}
	}
}

